@CHARSET "ISO-8859-1";

body {
    background-color: #d0e4fe;
}

h1 {
    color: orange;
    text-align: center;
}

p {
    font-family: "Times New Roman";
    font-size: 20px;
}

/* /////////////////////////// style  ////////////////////////////////////// */
.txtbox4 {
	padding: 1px 20px;
	border: 0;
	height: 25px;
	width: 275px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 1px 1px 0 0 #FFF, 5px 5px 40px 2px #EEE inset;
	-moz-box-shadow: 1px 1px 0 0 #FFF, 5px 5px 40px 2px #EEE inset;
	-webkit-box-shadow: 1px 1px 0 0 #FFF, 5px 5px 40px 2px #EEE inset;
	-webkit-background-clip: padding-box;
	outline: 0;
}

.slctbox4 {
	padding: 1px 20px;
	border: 0;
	height: 29px;
	width: 290px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 1px 1px 0 0 #FFF, 5px 5px 40px 2px #EEE inset;
	-moz-box-shadow: 1px 1px 0 0 #FFF, 5px 5px 40px 2px #EEE inset;
	-webkit-box-shadow: 1px 1px 0 0 #FFF, 5px 5px 40px 2px #EEE inset;
	-webkit-background-clip: padding-box;
	outline: 0;
}

.btn4 {
	padding: 1px 20px;
	border: 0;
	height: 25px;
	width:  90px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 1px 1px 0 0 #88F, 5px 5px 40px 2px #BBB inset;
	-moz-box-shadow: 1px 1px 0 0 #88F, 5px 5px 40px 2px #BBB inset;
	-webkit-box-shadow: 1px 1px 0 0 #88F, 5px 5px 40px 2px #BBB inset;
	-webkit-background-clip: padding-box;
	outline: 0;
}

/* /////////////////////////// style 1 ////////////////////////////////////// */

.txtbox1 { 
	background:  #ccc; 
	border: 1px solid #666; 
	box-shadow: 0 0 5px #666 inset; 
	color: #333; 
	float: left; 
	padding: 7px 10px; 
	width: 275px; 
	outline: none; 
}

.slctbox1 { 
	background:  #ccc; 
	border: 1px solid #666; 
	box-shadow: 0 0 5px #666 inset; 
	color: #333; 
	float: left; 
	padding: 7px 10px; 
	width: 275px; 
	outline: none; 
}

.btn1 { 
	background:  #9DD; 
	border: 1px solid #666; 
	box-shadow: 0 0 5px #666 inset; 
	color: #333; 
	float: left; 
	padding: 7px 10px; 
	width: 90px; 
	outline: none; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


/* /////////////////////////// style 2 ////////////////////////////////////// */
.txtbox {
	height: 25px;
	width: 275px;
	border: 1px solid #B9BDC1;
	color: #797979;
	-moz-box-shadow: 0 2px 4px #bbb inset;
	-webkit-box-shadow: 0 2px 4px #BBB inset;
	box-shadow: 0 2px 4px #BBB inset;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.txtbox:focus {
	background-color: #E7E8E7;
	outline: 0;
}

.slctbox {
	height: 25px;
	width: 275px;
	border: 1px solid #B9BDC1;
	color: #797979;
	-moz-box-shadow: 0 2px 4px #bbb inset;
	-webkit-box-shadow: 0 2px 4px #BBB inset;
	box-shadow: 0 2px 4px #BBB inset;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.slctbox:focus {
	background-color: #E7E8E7;
	outline: 0;
}

/* /////////////////////////// style 3 ////////////////////////////////////// */

.txtbox3 {
	background: white;
	border: 1px double #DDD;
	border-radius: 5px;
	box-shadow: 0 0 5px #333;
	color: #666;
	outline: none;
	height: 25px;
	width: 275px;
}

.slctbox3 {
	background: white;
	border: 1px double #DDD;
	border-radius: 5px;
	box-shadow: 0 0 5px #333;
	color: #666;
	outline: none;
	height: 25px;
	width: 275px;
}



/* /////////////////////////// style 4 ////////////////////////////////////// */

.txtbox2 {
	border: 1px solid #c4c4c4;
	height: 25px;
	width: 275px;
	font-size: 13px;
	padding: 4px 4px 4px 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.txtbox2:focus {
	outline: none;
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 8px #7bc1f7;
	-moz-box-shadow: 0px 0px 8px #7bc1f7;
	-webkit-box-shadow: 0px 0px 8px #7bc1f7;
}

.slctbox2 {
	border: 1px solid #c4c4c4;
	height: 40px;
	width: 275px;
	font-size: 13px;
	padding: 4px 4px 4px 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.slctbox2:focus {
	outline: none;
	border: 1px solid #7bc1f7;
	box-shadow: 0px 0px 8px #7bc1f7;
	-moz-box-shadow: 0px 0px 8px #7bc1f7;
	-webkit-box-shadow: 0px 0px 8px #7bc1f7;
}
.btn2 {
	border: 1px solid #c4c4c4;
	height: 25px;
	width: 90px;
	font-size: 13px;
	padding: 4px 4px 4px 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0px 0px 8px #d9d9d9;
	-moz-box-shadow: 0px 0px 8px #d9d9d9;
	-webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

/* TextBox Styles Ends */





